<!DOCTYPE html>
{% block html %}
<html {% if lang %}lang="{{ lang }}"{% endif %} {% if page_id %} id="{{ page_id }}" {% endif %} class="{% for c in page_classes%} {{ c }} {% endfor%}">
{% endblock %}
<head>
    {% block meta %} 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="keywords" content="{{ ', '.join(keywords) }}">
        <meta name="description" content="{{ description }}">
        <meta name="generator" content="teedoc">
        <meta name="theme" content="teedoc-plugin-theme-default">
    {% endblock %}
    {% block head_items %} 
        {% for item in header_items %}{{ item|safe }}{% endfor %}
    {% endblock %}
    {% block head_title %}
        <title>{% if title %}{{ title }} - {% endif %}{{ site_name }}</title>
    {% endblock %}
    {% block head_end %}
    {% endblock %}
    <script type="text/javascript">js_vars = {{ js_vars|tojson2 }}</script>
    <script type="text/javascript">metadata = {{ metadata|tojson2 }}</script>
</head>
<body class="type_page">
    {% block navbar %}
    <div id="navbar">
        <div id="navbar_menu">
            <a class="site_title" href="{{ home_url }}">
                {% if logo_url %}
                    <img class="site_logo" src="{{ logo_url }}" alt="{{ logo_alt }}">
                {% endif %}
                {% if navbar_title %}
                    <h2>{{ navbar_title|safe }}</h2>
                {% endif %}
        </a>
            <a id="navbar_menu_btn"></a>
        </div>
        <div id="navbar_items">
            <div>
                {{ navbar_main|safe }}
            </div>
            <div>
                {{ navbar_options|safe }}
                {{ navbar_plugins|safe }}
            </div>
        </div>
    </div>
    {% endblock %}
    <div id="page_wrapper">
        <div id="page_content">
            <div>
                {% block content %}
                {{ body|safe }}
                {% endblock %}
            </div>
        </div>
        <a id="to_top" href="#"></a>
        <div id="page_footer">
            <div id="footer">
                {% block footer %}
                <div id="footer_top">
                    {{ footer_top|safe }}
                </div>
                <div id="footer_bottom">
                    {{ footer_bottom|safe }}
                </div>
                {% endblock %}
            </div>
        </div>
    </div>

    {% block footer_js_items %}
    {% for item in footer_js_items %}
        {{ item|safe }}
    {% endfor %}
    {% endblock %}
</body>
</html>
